<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>提瓦特登录页面</title>
  <link rel="stylesheet" href="./boot/bootstrap.min.css">
<link rel="stylesheet" href="./css/twtdr.css">
</head>
<body>
  <div class="box">
    <br>
    <br>
    <h2>登录</h2>
    <div class="input-box">
        <label>账号</label>
        <input  id="txtUsername" type="text"/>
    </div>
    <div class="input-box">
        <label>密码</label>
        <input id="txtPwd" type="password"/>
    </div>
  
        <div class="n-1">
        <div class="n-2">
          <span class="sb" id="btnLogin" >确定</span>
        </div>
        
        </div>


    <div class="c">
      <div> 
          <a href="" class="d">没有账号？</a>
          <a href="./twtzc.html">注册</a>
      </div>
      
  </div>


  <div class="f">
      <a href="./home.html">返回</a>
      |
      <a href="./twtzc.html">新用户注册</a>
      |
      <a href="">忘记密码</a>
  </div>
</div>

  <div id="wjDialog" class="modal fade" tabindex="-1">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title">找回密码</h5>
          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
        </div>

        <div class="modal-body">
          <div class="row">

            <div class="m-3">
              <div class="col-auto">
                <a href="./yxzh.html">
                  <h7>邮箱找回</h7>
                </a>
              </div>
            </div>


            <div class="m-3">
              <div class="col-auto">
                <a href="./sjzh.html">
                  <h7>电话找回</h7>
                </a>
              </div>
            </div>
          </div>
        </div>


      </div>
    </div>
  </div>




  <!-- 公用消息轻提示 -->
  <div class="toast-container position-fixed bottom-0 end-0 p-3">
    <div id="liveToast" class="toast" role="alert" aria-live="assertive" aria-atomic="true">
      <div class="toast-header">
        <strong class="me-auto">服务器消息</strong>
        <button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="Close"></button>
      </div>
      <div class="toast-body">
        Hello, world! This is a toast message.
      </div>
    </div>
  </div>
  <!-- 公用消息轻提示结束 -->

<script src="./boot/popper.min.js"></script>
<script src="./boot/bootstrap.min.js"></script>
<script src="./js/twtdr.js" type="module"></script>
</body>
</html>